<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>地图导航</title>
    <style>
        * {
          margin: 0;
          padding: 0;
        }
        #container {
          width: 100%;
          height: 100vh;
          background-color: pink;
        }


    </style>
</head>
<body>
<div id="container">定位导航</div>
<script type="text/javascript">
      window._AMapSecurityConfig = {
        securityJsCode: "de939414cb89b960fb5faed32bd8b02d",
      };


</script>
<script src="https://webapi.amap.com/loader.js"></script>
<script type="text/javascript">
  var map
      AMapLoader.load({
        key: "7e4c734aa8514c7978c80bfc06374972", //申请好的Web端开发者 Key，调用 load 时必填
        version: "2.0", //指定要加载的 JS API 的版本，缺省时默认为 1.4.15
      })
        .then((AMap) => {
          //js api 加载完成后获取的amap对象
           map = new AMap.Map("container", {
            viewMode: '2D', //默认使用 2D 模式
            zoom: 11, //地图级别
            center: [117.076111,36.664379], //地图中心点
         });
        })
        .catch((e) => {
          console.error(e); //加载错误提示
        });

        function getLocation(lon,lat){
            //window.swift.alert(lon+" "+lat)
            //1.重新定位当前的位置
            map.setZoomAndCenter(18,[lon,lat])

            //2.提供4个最近的位置
            mapObj.plugin(['AMap.PlaceSearch'], function() {
            var PlaceSearchOptions = { //设置PlaceSearch属性
                city: "北京", //城市
                type: "", //数据类别
                pageSize: 10, //每页结果数,默认10
                pageIndex: 1, //请求页码，默认1
                extensions: "base" //返回信息详略，默认为base（基本信息）
            };
            var MSearch = new AMap.PlaceSearch(PlaceSearchOptions); //构造PlaceSearch类
            AMap.event.addListener(MSearch, "complete", (result)=>{
                //获取在【lon,lat】中心点位置并且以“街道”为关键词的最近4个兴趣点：result.poiList.pois
                window.swift.receiveData(JSON.stringify(result?.poiList?.pois || []))
            }); //返回结果
            MSearch.searchNearBy('街道', new AMap.LngLat(lon,lat)); //关键字查询
        });


        }

        window.onload=function(){
            if(window.swift){
                window.swift.getLocation()
            }
        }


</script>
</body>
</html>

